<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name: '人工款&材料款'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "0">
        <div class="analyItem">
            <p class="analyItemTit tx-center">发包额</p>
            <div class="analyItemCon">
                <p class="col-md-4"><span class="cLightGray pr8">发包额</span>{{proPaymentInfo !== null  && proPaymentInfo.Payable !== null ? proPaymentInfo.Payable : 0}}</p>
                <p class="col-md-4"><span class="cLightGray pr8">发包时间</span>{{proPaymentInfo !== null && proPaymentInfo.publish_time !== null ? $utils.format('yyyy-MM-dd hh:mm:ss', proPaymentInfo.publish_time) : ''}}</p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">人工</p>
            <div class="analyItemCon">
                <p class="col-md-4"><span class="cLightGray pr8">可用额度</span>{{proPaymentInfo !== null && proPaymentInfo.RenGongMoney !== null ? proPaymentInfo.RenGongMoney : 0}}</p>
                <p class="col-md-4"><span class="cLightGray pr8">计划额度</span>{{proPaymentInfo !== null && proPaymentInfo.SumArtificialMoney !== null ? proPaymentInfo.SumArtificialMoney : 0}}</p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">材料</p>
            <div class="analyItemCon">
                <p class="col-md-4"><span class="cLightGray pr8">可用额度</span>{{proPaymentInfo !== null && proPaymentInfo.CaiLiaoMoney !== null ? proPaymentInfo.CaiLiaoMoney : 0}}</p>
                <p class="col-md-4"><span class="cLightGray pr8">计划额度</span>{{proPaymentInfo !== null && proPaymentInfo.SumMaterialMoney !== null ? proPaymentInfo.SumMaterialMoney : 0}}</p>
            </div>
        </div>
    </div>
    <div class="layerRtb-footer">
        <div class="analyItem">
            <p class="analyItemTit tx-center">综合</p>
            <div class="analyItemCon">
                <p class="col-md-4"><span class="cLightGray pr8">可用总额</span>{{proPaymentInfo !== null && proPaymentInfo.ProjectAllMoney !== null ? proPaymentInfo.ProjectAllMoney :0 }}</p>
                <p class="col-md-4"><span class="cLightGray pr8">计划总额</span>{{proPaymentInfo !== null && proPaymentInfo.Payable !== null ? proPaymentInfo.Payable : 0 }}</p>
            </div>
        </div>
    </div>
</div>
</template>
<script>
import {mapGetters} from 'vuex'
export default {
    data () {
        return {
            proPaymentInfo: null // 材料 人工款数据
        }
    },
    mounted () {
        this.proPaymentInfo = this.$route.query.proPaymentInfo
        console.log(this.proPaymentInfo)
    },
    created () {
    },
    computed: {
        ...mapGetters(['leftInfo'])
    },
    methods: {

    }
}
</script>

